<template>
  <view class="column callBack">
    <view class="column service" style="background: linear-gradient(180deg, #FFF2DD 0%, #FFFFFF 100%);">
      <image :src="shoutYelloBig" mode="" class=""></image>
      <view style="color:#FD9B00;font-size: 32rpx;">已安排客服人员为您服务,请耐心等待</view>
      <image :src="shoutYello" mode=""></image>
    </view>
    <view class="messages">
      <view class="">
        <view class="space-between line">
          <view>姓名</view>
          <view>{{orderDetaAll.driver_name}}</view>
        </view>
        <view class="space-between line">
          <view>手机号</view>
          <view>{{orderDetaAll.driver_mobile}}</view>
        </view>
        <view class="space-between line">
          <view>服务内容</view>
          <view>{{orderDetaAll.cate}}</view>
        </view>
        <view class="space-between line">
          <view>预约时间</view>
          <view>{{orderDetaAll.subtime}}</view>
        </view>
        <view class="space-between line">
          <view>预约地点</view>
          <view>{{orderDetaAll.address}}</view>
        </view>
        <view class="space-between line" style="align-items: flex-start;border-bottom: 0px;">
          <view>备注</view>
          <view>{{orderDetaAll.driver_des}}</view>
        </view>
      </view>
      <view style="color:#999;margin:20rpx 0px 20rpx;font-size: 32rpx;" @click="telCall('400-109-1606')">官方电话：<text
          style="color:#1B91FF;">400-109-1606</text></view>
    </view>
  </view>
  <view style="width:100%;text-align: center;margin-top:10rpx">
    <uni-icons type="close" size="40" color="#fff" @click="close()"></uni-icons>
  </view>
</template>

<script setup lang="ts">
  import { shoutYello, shoutYelloBig } from '@/utils/Static';
  import { telCall } from '@/utils/copyText';
  import { ref } from 'vue';
  const props = defineProps({
    orderDetaAll: {
      type: Object
    },
  });
  const emit = defineEmits(['close']);
  function close() {
    emit('close')
  }
</script>

<style scoped lang="less">
  @import url('../callBack/less/callBack.less');
</style>
<style>
  .space-between>>>.textarea {
    width: 70%;
    text-align: right;
  }
</style>